var itemCount;

$(document).ready(function(){
    itemCount = $("tr.items").size();
    $("input#itemcount").attr("value", itemCount);
    addFields();
    removeFields();    
    selectSlots();
});

function addFields()
{
    $("button#add").click(function(){
        $("tr#item" + itemCount).clone().attr("id", "item" + ++itemCount).insertAfter($("tr#item" + (itemCount - 1)));
        $("tr#item" + itemCount +" input#item" + (itemCount - 1)).attr("name", "item" + itemCount);
        $("tr#item" + itemCount +" input#item" + (itemCount - 1)).attr("id", "item" + itemCount);
        $("tr#item" + itemCount +" input#item" + itemCount).attr("value", "");

        $("tr#item" + itemCount +" input#heroic" + (itemCount - 1)).attr("name", "heroic" + itemCount);
        $("tr#item" + itemCount +" input#heroic" + (itemCount - 1)).attr("id", "heroic" + itemCount);
        $("tr#item" + itemCount +" input#heroic" + itemCount).attr("checked", "");

        $("tr#item" + itemCount +" select#slot" + (itemCount - 1)).attr("name", "slot" + itemCount);
        $("tr#item" + itemCount +" select#slot" + (itemCount - 1)).attr("id", "slot" + itemCount);

        $("tr#item" + itemCount +" input#price" + (itemCount - 1)).attr("name", "price" + itemCount);
        $("tr#item" + itemCount +" input#price" + (itemCount - 1)).attr("id", "price" + itemCount);
        $("tr#item" + itemCount +" input#price" + itemCount).attr("value", "");

        $("tr#item" + itemCount +" input#buyer" + (itemCount - 1)).attr("name", "buyer" + itemCount);
        $("tr#item" + itemCount +" input#buyer" + (itemCount - 1)).attr("id", "buyer" + itemCount);
        $("tr#item" + itemCount +" input#buyer" + itemCount).attr("value", "");

        $("input#itemcount").attr("value", itemCount);
    });
}

function removeFields()
{
    $("button#remove").click(function(){
        if(itemCount > 1){
            $("tr#item" + itemCount).remove();
            itemCount--;

            $("input#itemcount").attr("value", itemCount);
        }
    });
}

function selectSlots()
{
    for(var i = 0; i < slotID.length; i++)
    {
        $("select#slot" + (i + 1) + " > option[value='" + slotID[i] + "']").attr("selected", "selected");
    }
}